<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <div></div>
    <script>
        var div = document.querySelector('div')
        // console.log(location.search);//?uname=YiFei 得到search参数
        var names = location.search.substr(1)//截取字符串substr（起始位置包括自身,length不写默认截取后面所有字符）
        // 为什么转为数组？
        // 因为要拿到YiFe（用数组下标获取）并且进行添加内容（用innerHTML）显示出来（div标签元素显示）
        // 转为数组=号分隔 原字符串为=号分隔所以这里也必须=号分隔
        var arr = names.split('=')
        div.innerHTML = arr[1] + '欢迎你'
        // div.style.color = 'red'
    </script>
</body>

</html>